<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    div{
      width: 150px;
      height: 150px;
      border: 10px solid red;

      font-size: 25px;
      font-weight: bold;
      font-style: italic;
      /*水平居中*/
      text-align: right;
      text-decoration: line-through; /*删除线*/
      /*设置阴影*/
      text-shadow: green -10px -10px 2px; /*2px表示的是阴影的浓度*/

      line-height: 80px;

      font-family: Algerian;
    }


    h3{
      font-weight: normal;
      font: 30px cursive;
    }

    a{
      /*取消默认的下划线*/
      text-decoration: none;
    }

  </style>
</head>
<body>
<!--
    文本相关样式:
      1.文本的水平对齐:
          text-align: left\right\center;
      2. 文本修饰:
          text-decoration: none\underline\overlie\line-through
      3. 文本阴影：
          text-shadow: 颜色 x y    [浓度越大越模糊]
      4. 行高：
           line-height: 10px      [实现文本的垂直居中]
      5. 字体大小：
        font-size: 10px
      6. 字体加粗；
        font-weight: bold \ normal
      7. 斜体：
         font-style: italic
      8. 字体设置：
         font-family： '黑体'、'微软雅黑'、'宋体'
      9. font：字体 xxx,xxx,xxx

    -->

<div>今天是星期六abc</div>
<h3> 这是h3标签 </h3>
<a href="http://www.baidu.com">这是一个超链接标签</a>
</body>
</html>